(function(window) {
	window.yy_navbar = function() {
		$(document).on('contextmenu', '.content', function(e) {
			e.preventDefault();
			$.fn.menu(e.clientX - 2, e.clientY - 2);
		}).on('click', '#menu-wrap > div', function() {
			var $this = $(this),
				dialog = '';
			if ($this.hasClass('menufirst')) {
				dialog = $('.menuBelogTpl1').html();
				$.fn.dialog(dialog);
			} else if ($this.hasClass('menusecond') || $this.hasClass('menuthird')) {
				dialog = $('.menuBelogTpl2').html();
				$.fn.dialog(dialog);
			}
		}).on('click', 'a[dialog-close]', function() {
			var $parent = $(this).parents('form'),
				obj = {
					id: $parent.find('.id').val(),
					name: $parent.find('.name').val(),
					prev_ele: $parent.find('.prevnem').val()
				}
			createNav(obj)
		})

		function createNav(o) {
			var nav = '';
			if (!o.prev_ele) {
				nav = ($('#nav').length !== 0 && '<li data-first=' + o.id + '><p>' + o.name + '</p></li>') || '<ul id="nav"><li data-first=' + o.id + '><p>' + o.name + '</p></li></ul>';
				$('#nav').length === 0 && $('.nav-wrap').append(nav) || $('#nav').append(nav);
				$('#nav > li').addClass('data-first');
			} else if (o.prev_ele) {
				nav = '<li data-second=' + o.id + '><p>' + o.name + '</p></li>';
				var $pre = $('li[data-first=' + o.prev_ele + ']');
				if ($pre.children('ul').length !== 0) {
					$pre.children('ul').append(nav);
				} else {
					$pre.append('<ul>' + nav + '</ul>')
				}
				$('#nav > li > ul > li').addClass('data-second');
			}

		}
	}
})(window)